<div class="d-flex flex-column" style="height: 100%;">
        <div class="d-inline-flex" style="height: 40px;">
          <input type="hidden" id="selectedId" name="selectedId" autocomplete="off" />
          <div class="" style="width:90px;">
            <select id="entityType" name="entityType" class="form-control form-control-sm" autocomplete="off"></select>
          </div>
          <div class="pl-2" style="">
            <label class="col-form-label-sm">栅格</label>
          </div>
          <div class="" style="width:80px;">
            <select id="rowType" name="rowType" class="form-control form-control-sm" autocomplete="off"></select>
          </div>
          <div class="js-colNums" style="width:120px;">
            <select id="colSize" name="colSize" class="form-control form-control-sm" multiple autocomplete="off"></select>
          </div>
          <div class="js-colNums pl-2" style="">
            <label class="col-form-label-sm" id="colNums0">尺寸</label>
          </div>
          <div class="js-colNums" style="width:120px;">
            <input type="number" class="form-control form-control-sm" id="colNums1" name="colNums1" value="6" min="1" max="12" autocomplete="off"/>
          </div>
          <div class="js-colNums" style="width:120px;">
            <input type="number" class="form-control form-control-sm" id="colNums2" name="colNums2" value="6" min="1" max="12" autocomplete="off"/>
          </div>
          <div class="js-colNums" style="width:120px;">
            <input type="number" class="form-control form-control-sm" id="colNums3" name="colNums3" value="6" min="1" max="12" autocomplete="off"/>
          </div>
          <div class="pl-2" style="">
            <label class="col-form-label-sm">列数</label>
          </div>
          <div class="" style="width:120px;">
            <input type="number" class="form-control form-control-sm" id="colNums" name="colNums" value="1" min="1" max="6" autocomplete="off"/>
          </div>
          <div class="pl-2" style="width:90px;">
            <button class="btn btn-link btn-sm" type="button" onclick="addCptHtmlForAddRow();">添加字段</button>
          </div>
          <div class="pl-2" style="width:90px;">
            <button class="btn btn-link btn-sm" type="button" onclick="addCptHtmlForAddJson();">添加JSON</button>
          </div>
        </div>
        <div class="border" style="height:calc(100% - 45px);">
          <div style="height: 36px;padding-right: 20px;">
            <table class="table table-bordered table-sm m-0">
              <thead>
                <tr>
                  <th style="width: 60px;"></th>
                  <th style="width: 140px;">组件类型</th>
                  <th style="width: 60px;">样式</th>
                  <th style="width: 140px;">编号(id)</th>
                  <th style="width: 140px;">名称(name)</th>
                  <th style="width: auto;">标题(title)</th>
                </tr>
              </thead>
              <tbody>
              </tbody>
            </table>
          </div>
          <div style="height: calc(100% - 36px);overflow-y: scroll;">
            <table class="table table-borderless table-sm m-0" id="entityDiv">
              <thead>
                <tr>
                  <th style="width: 60px;"></th>
                  <th style="width: 140px;"></th>
                  <th style="width: 60px;"></th>
                  <th style="width: 140px;"></th>
                  <th style="width: 140px;"></th>
                  <th style="width: auto;"></th>
                </tr>
              </thead>
              <tbody>
              </tbody>
            </table>
          </div>
        </div>
      </div>